<ion-header>
  <ion-navbar>
    <ion-title>
      <ion-searchbar disabled="true" [(ngModel)]="searchObj.content" placeholder="搜索帖子名称，内容" (ionInput)="searchArticle($event)"></ion-searchbar>
      <!-- <ion-buttons end (click)="publish()">
        <button ion-button icon-only>
             <ion-icon name="md-add" color="#ffffff" style="padding-right: 5px; font-size: 26px;" ></ion-icon>
           </button>
      </ion-buttons> -->
    </ion-title>
  </ion-navbar>
</ion-header>



  <ul class="nav">
    <li (click)="getText(0)">精选<i class="anjiao"></i></li>
    <li (click)="getText(1)">美甲<i class="anjiao"></i></li>
    <li (click)="getText(2)">美睫<i class="anjiao"></i></li>
    <li (click)="getText(3)">纹绣<i class="anjiao"></i></li>
    <li (click)="getText(4)">微整形<i class="anjiao"></i></li>
  </ul>

  <ion-content padding>
      <ion-refresher (ionRefresh)="doRefresh($event)"> 
          <ion-refresher-content pullingIcon="arrow-dropdown" refreshingSpinner="circles"> 
          </ion-refresher-content>
          <!-- <ion-refresher-content > 
      </ion-refresher-content> -->
      </ion-refresher>
  <ion-list>
    <ion-item *ngFor="let item of textList">
      <ion-card (click)="goDetail(item.article_id,item.presenter_id)">
        <ion-card-content>
          <ion-grid>
            <ion-row>
              <div class="out">
                <div  class="outleft" style="display: inline-block;overflow: hidden;" [class.textDes]="item.article_image_first == ''?true:false">
                  <h3 style="font-family:'微软雅黑';font-size:1.6rem;">{{item.article_title}}</h3>
                  <p class="detail">{{item.article_content}}</p>
                  <div style="width:100%;font-size:1.2rem;display: flex;align-items: center;flex-wrap: nowrap;">
                    <ion-avatar>
                      <img src="{{picrooturl}}{{item.presenter_avator}}">
                    </ion-avatar>
                    <span class="name">{{item.presenter_name}}</span>
                    <span class="date">{{item.publish_time}}</span>
                    <div class="view">
                      <img class="icon2" src="assets/img/see.png">
                      <span>{{item.hit_num}}</span>&nbsp;
                      <img class="icon3" src="assets/img/conments.png">
                      <span>{{item.comment_count}}</span>
                    </div>
                  </div>
                </div>
                <div class="outright" *ngIf='item.article_image_first != null'>
                  <img class="pic" src="{{picrooturl}}{{item.article_image_first}}" style="width:100%;height:85%;margin:0.1rem auto;">
                </div>
                
              </div>
            </ion-row>
          </ion-grid>
        </ion-card-content>
      </ion-card>
    </ion-item>
  </ion-list>

  <div class="botLine">
    <div class="line float overleft"></div>
    美丽 从指尖开始
    <div class="line float overright"></div>
  </div>
  <ion-fab right bottom (tap)="add1()" *ngIf="haveId==true">
      <button ion-fab>
        <img src="assets/img/ios/fabu.png" alt="" class="float2">
      </button>
  </ion-fab>
</ion-content>